<!DOCTYPE html >
<html lang="zh-CN"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      th:fragment="mymodel">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>全换机</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
    <!-- jvectormap -->
    <!--<link rel="stylesheet" th:href="@{/plugins/datatables/jquery.dataTables.min.css}"/>-->
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"/>
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/dist/css/AdminLTE.min.css}"/>
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/dist/css/skins/_all-skins.min.css}"/>
    <!-- iCheck -->
    <link rel="stylesheet" th:href="@{/plugins/iCheck/square/blue.css}"/>
    <!-- DataTables -->
    <link rel="stylesheet" th:href="@{/plugins/datatables/jquery.dataTables.min.css}"/>
    <!-- DataTables -->
    <link rel="stylesheet" th:href="@{/plugins/toastr/toastr.min.css}"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery 2.2.3 -->
    <script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>


</head>


<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <div th:replace="model/header :: header"></div>

    <div th:replace="model/menu :: menubar"></div>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" >

        <div th:include="this :: pagenav" th:remove="tag"></div>

        <!-- Main content -->
        <section class="content" >
            <div th:include="this :: content" th:remove="tag"></div>
        </section>

    </div>

    <div th:replace="model/foot :: footer"></div>

</div>


<!-- DataTables -->
<!--<script th:src="@{https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js}"></script>-->
<!-- jQuery 验证 -->
<script th:src="@{/plugins/validate/jquery.validate.min.js}"></script>
<script th:src="@{/plugins/validate/additional-methods.min.js}"></script>
<script th:src="@{/plugins/validate/messages_zh.js}"></script>
<script th:src="@{/plugins/datatables/jquery.dataTables.min.js}"></script>
<!-- <script th:src="@{/plugins/datatables/dataTables.bootstrap.min.js}"></script>-->
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/plugins/toastr/toastr.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/plugins/fastclick/fastclick.js}"></script>
<!-- AdminLTE App -->
 <script th:src="@{/dist/js/app.min.js}"></script>
<!-- Sparkline -->
<script th:src="@{/plugins/sparkline/jquery.sparkline.min.js}"></script>
<!-- SlimScroll 1.3.0 -->
<script th:src="@{/plugins/slimScroll/jquery.slimscroll.min.js}"></script>
<!-- ChartJS 1.0.1 -->
<script th:src="@{/plugins/chartjs/Chart.min.js}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!--<script th:src="@{/dist/js/pages/dashboard2.js}"></script>-->

<script th:src="@{/plugins/treeview/bootstrap-treeview.min.js}"></script>
<script th:src="@{/plugins/bootbox/bootbox.min.js}"></script>



</body>
</html>
